﻿

  <script type="text/javascript">

    $(document).ready(function() {
      //$("#pn-maincontent").empty().html("<img class='loader' src='modules/InnoForum/pnimages/loading_2.gif'/>"); 
      //Start function call subcategory
      $("select#dropdown_category_filter").change(function() {
          $.ajax({
              type: "get",
              url:  "index.php",
              data: "module=InnoForum&type=jquery&func=list&ctrl=SubCategory&category_id="+$(this).val(),
              success: function(response) {
                  //alert(response);
                  $("#dropdown_subcategory_container").html("");
                  $("#dropdown_subcategory_container").empty().html(response);
              }
          });//End get subcategory  function
      });//End function call subcategory
    

      
      
    });//End main function
    
  </script>
<form name="form"  action="index.php?module=InnoForum&type=user&func=list&ctrl=Topics" method="post">
	<p>ประเถทเครื่องดนตรี</p>
  <!--[get_all_category]-->

    <select name="category_id" id="dropdown_category_filter">
    <option value="">กรุณาเลือก</option>
    <!--[foreach from=$categoryArray item=itemCategory]-->   
      <option value="<!--[$itemCategory.category_id]-->"><!--[$itemCategory.category_name]--></option>
    <!--[/foreach]--><!-- ###### End Category Loop ###### -->
    </select>
  
  
  
  

    <p>ชนิดเครื่องดนตรี</p>
    <div id="dropdown_subcategory_container">
      <select name="subcategory_id" id="dropdown_subcategory_filter">
        <option value="">กรุณาเลือก</option>
      </select>
    </div>      
    
    <p>ยี้ห้อเครื่องดนตรี</p>
    <div id="dropdown_brand_container">
      <select name="brand_id" id="dropdown_brand_filter">
        <option value="">กรุณาเลือก</option>
      </select>
    </div> 

    <p>รุ่นเครื่องดนตรี</p>
    <div id="dropdown_model_container">
      <select name="model_id" id="dropdown_model_filter">
        <option value="">กรุณาเลือก</option>
      </select>
    </div> 

    
    <p>ช่วงราคา</p>
    <select name="">
        <option>500-1000 </option>
        <option>1000-2000 </option>
        <option>2000-5000 </option>
        <option>>5000 </option>
    </select>
    <input type="submit" value="" />
</form>



